import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ScrollingComponent } from './scrolling/scrolling.component';
import { TextFieldComponent } from './text-field/text-field.component';
import { DragDropComponent } from './drag-drop/drag-drop.component';
import { OverlayComponent } from './overlay/overlay.component';
import { MonitoringFocusComponent } from './monitoring-focus/monitoring-focus.component';
import { ClipboardComponent } from './clipboard/clipboard.component';
import { PlatformComponent } from './platform/platform.component';
import { ProtalComponent } from './protal/protal.component';
import { StepperComponent } from './stepper/stepper.component';
import { TableComponent } from './table/table.component';
import { TreeExampleComponent } from './tree-example/tree-example.component';

const routes: Routes = [
  { path: 'scroll', component: ScrollingComponent },
  { path: 'textField', component: TextFieldComponent },
  { path: 'dragDrop', component: DragDropComponent },
  { path: 'overlay', component: OverlayComponent },
  { path: 'protal', component: ProtalComponent },
  { path: 'monitoringFocus', component: MonitoringFocusComponent },
  { path: 'clipboard', component: ClipboardComponent },
  { path: 'platform', component: PlatformComponent },
  { path: 'stepper', component: StepperComponent },
  { path: 'table', component: TableComponent },
  { path: 'treeExample', component: TreeExampleComponent }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class ComponentRoutingModule { }
